
<link href="<{$res_url}>/css/wap/public.css" rel="stylesheet" type="text/css">
<link href="<{$res_url}>/css/wap/home.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<{$res_url}>/js/wap/jquery.min.js"></script>
<script type="text/javascript" src="<{$res_url}>/js/wap/iscroll.js"></script>
<script type="text/javascript">
	var scroll1, scroll2;
	function loaded() {
		scroll1 = new iScroll('standard');
		scroll2 = new iScroll('transition');
	}
	document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
	document.addEventListener('DOMContentLoaded', loaded, false);
	
	$(function(){
			var H = $(window).height()
			$(".Categories").css("height",H-106)
			$(".Categories_l").css("height",H-106)
			$(".Categories_r").css("height",H-106)
			window.onresize=function(){
					var H = $(window).height()
					$(".Categories").css("height",H-106)
					$(".Categories_l").css("height",H-106)
					$(".Categories_r").css("height",H-106)
				}
		})
        $(function(){
            check_cat(<{$ischeck}>);
        })
	function check_cat(cat_id){
            $(".cat_child").hide();
            $("#standard li i").css("background","url("+$("#cat_p_"+cat_id+" a i").attr("uncheck")+") repeat");
            $("#standard li").removeClass();
            $("#cat_"+cat_id).show();
            $("#cat_p_"+cat_id).addClass("current");
            $("#cat_p_"+cat_id+" a i").css("background","url("+$("#cat_p_"+cat_id+" a i").attr("ischeck")+") repeat");
        }
</script>
</head>

<body>
	
    <section class="warp">
    	<div class="content">
            <header>
            	<div class="search fl"><img src="<{$res_url}>/images/wap/icon1.png" width="20"></div>
                <div class="logo">分类</div>
            </header>
            <section class="Categories clearfix">
                <div class="Categories_l fl" id="standard">
                    <ul>
                        <{foreach from=$catlist key=key item=cat}>
                        <li class="current" id='cat_p_<{$cat.cat_id}>'><a href="#"  onclick='check_cat(<{$cat.cat_id}>)'><i class="cat_<{$cat.cat_id}>" style="background: url('<{$cat.picture2}>') repeat;background-size: cover" ischeck='<{$cat.picture2}>' uncheck='<{$cat.picture}>'></i><{$cat.cat_name}></a></li>
                        <{/foreach}>
<!--                        <li><a href="#"><i class="sort1"></i>居家用品</a></li>
                        <li><a href="#"><i class="sort2"></i>洗护药妆</a></li>
                        <li><a href="#"><i class="sort3"></i>母婴用品</a></li>
                        <li><a href="#"><i class="sort4"></i>食品饮品</a></li>
                        <li><a href="#"><i class="sort5"></i>保健药品</a></li>-->
                    </ul>
                </div>
                <div class="Categories_r fr" id="transition">
                    <div class="Categories_r_list">
                        <{foreach from=$catlist item=cat}>
                        <ul class="clearfix cat_child" id='cat_<{$cat.cat_id}>'>
                            <li><a href="index-fancygoods.html"><img src="<{$res_url}>/images/wap/icon14.png"><p>本类商品</p></a></li>
                            <{foreach from=$cat.child item=child}>
                            <li><a href="index-fancygoods.html?cat_id=<{$child.cat_id}>"><img src="<{$child.picture}>"><p><{$child.cat_name}></p></a></li>
                            <{/foreach}>
<!--                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>
                            <li><a href="#"><img src="<{$res_url}>/images/wap/pic8.jpg"><p>西点烘焙</p></a></li>-->
                        </ul>
                        <{/foreach}>
                    </div>
                </div>
            </section>
            
            
		<{wap_require file="block/member-footer.html"}> 
        </div>
    </section>
    